<template>
    <div>
        <Row>
            <Col span="12" offset="6">
                <Menu mode="horizontal" :theme="theme" active-name="1">
                    <MenuItem name="1" to="/Square">
                        <Icon type="ios-paper"/>
                        消息广场
                    </MenuItem>
                    <MenuItem name="2" to="/Ring">
                        <Icon type="md-images" />
                        朋友圈
                    </MenuItem>
                    <MenuItem name="3" to="/Friend">
                        <Icon type="ios-people" />
                        好友
                    </MenuItem>
                    <MenuItem name="4" to="Setting">
                        <Icon type="md-settings" />
                        设置
                    </MenuItem>
                </Menu>
                <Content :style="{padding: '0 50px'}">
                    <Card>
                        <router-view></router-view>
                    </Card>
                </Content>
            </Col>
        </Row>
    </div>
</template>

<script>
import axios from 'axios'
import group from '@/store/group'

export default {
  name: 'Center',

  created() {
    console.log('ss')
    axios({
      method: 'get',
      url: '/group'
    }).then((result) => {
      group.setGroupList(result.data)
    })
  },
}
</script>

<style scoped>

</style>
